/**
 * External dependencies
 */
import React from 'react';

/**
 * Internal dependencies
 */
import CompactCard from 'components/card/compact';

export default React.createClass( {
	displayName: 'NotificationsBlogSettingsPlaceholder',

	shouldComponentUpdate() {
		return false;
	},

	render() {
		return (
			<CompactCard className="notification-settings-blog-settings-placeholder">
				<header className="notification-settings-blog-settings-placeholder__header">
					<div className="notification-settings-blog-settings-placeholder__blog">
						<div className="notification-settings-blog-settings-placeholder__blog__content">
							<div className="notification-settings-blog-settings-placeholder__blog__content__icon">
									<span className="notification-settings-blog-settings-placeholder__blog__content__icon__noticon noticon noticon-website" />
							</div>
							<div className="notification-settings-blog-settings-placeholder__blog__info">
								<div className="notification-settings-blog-settings-placeholder__blog__info__title">&nbsp;</div>
								<div className="notification-settings-blog-settings-placeholder__blog__info__domain">&nbsp;</div>
							</div>
						</div>
					</div>
					<div className="notification-settings-blog-settings-placeholder__legend">
						<em>&nbsp;</em>
					</div>
				</header>
			</CompactCard>
		);
	}
} );
